<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:growl id="growl"></p:growl>                
        <p:messages showSummary="true" id="msgForm"/>
            <center>
                <p:panel  header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ"> 
                    <p:panel header="ASIGNAR CONVENIO A ESTUDIANTE"></p:panel>
                    <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                        <h:outputLabel for="periodoSelected" value="Periodo:" style="font-weight:bold"/>
                        <p:selectOneMenu id="periodoSelected" 
                                             value="#{asignarConvenioEstudianteBean.periodoSelected}"
                                             >
                                <f:selectItem itemLabel=" --Seleccione un periodoe-- " itemValue=""/>
                                <f:selectItems value="#{asignarConvenioEstudianteBean.listaPeriodos}" var="periodo" 
                                               itemValue="#{periodo.idPeriodo}" 
                                               itemLabel="#{periodo.anio} #{periodo.periodo}"/>
                        </p:selectOneMenu>
                        <h:outputLabel for="areaSelected" value="Área:" style="font-weight:bold"/>
                        <p:selectOneMenu id="areaSelected" 
                                         value="#{asignarConvenioEstudianteBean.areaSelected}"
                                         >
                            <f:selectItem itemLabel=" --Seleccione una área-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.listaAreas}" var="area" 
                                           itemValue="#{area.idArea}" 
                                           itemLabel="#{area.nombreArea}"/>
                        </p:selectOneMenu>
                    </h:panelGrid>
                    
                    
                    <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                        <h:outputLabel for="estudianteSelected" value="Practicante:" style="font-weight:bold"/>
                        <p:selectOneMenu id="estudianteSelected" 
                                         value="#{asignarConvenioEstudianteBean.estudianteSelected}"
                                         >
                            <f:selectItem itemLabel=" --Seleccione un practicante-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.listaEstudiantes}" var="estudiante" 
                                           itemValue="#{estudiante.idEstudiante}" 
                                           itemLabel="#{estudiante.nombresEstudiante} #{estudiante.apellido1Estudiante} #{estudiante.apellido2Estudiante}"/>
                        </p:selectOneMenu>
                        
                        <h:outputLabel for="supervisorSelected" value="Supervisor:" style="font-weight:bold"/>
                        <p:selectOneMenu id="supervisorSelected" 
                                         value="#{asignarConvenioEstudianteBean.supervisorSelected}"
                                         >
                            <f:selectItem itemLabel=" --Seleccione un supervisor-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.listaSupervisores}" var="supervisor" 
                                           itemValue="#{supervisor.idSupervisor}" 
                                           itemLabel="#{supervisor.nombresSupervisor} #{supervisor.apellido1Supervisor} #{supervisor.apellido2Supervisor}"/>
                        </p:selectOneMenu>
                    </h:panelGrid>  
                    
                    <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                        <h:outputLabel for="entidadSelected" value="Entidad:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="entidadSelected" converter="entidadConverter"
                                         value="#{asignarConvenioEstudianteBean.entidadSelected}" >
                            <f:selectItem itemLabel=" --Seleccione una Entidad-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.listaEntidades}" var="entidad" 
                                           itemValue="#{entidad}" 
                                           itemLabel="#{entidad.nombreEntidad}"/>
                            <p:ajax update="supervisorEntidadSelected"></p:ajax>
                            <p:ajax update="sitioSelected"></p:ajax>
                            <p:ajax update="convenioSelected"></p:ajax>
                        </p:selectOneMenu>
                        <h:outputLabel for="supervisorEntidadSelected" value="Supervisor Entidad:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="supervisorEntidadSelected" 
                                         value="#{asignarConvenioEstudianteBean.supervisorEntidadSelected}"
                                         >
                            <f:selectItem itemLabel=" --Seleccione un Supervisor de la Entidad-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.entidadSelected.supervisorXEntidadList}" var="supervisor" 
                                           itemValue="#{supervisor.supervisorEntidad.idSupervisorEntidad}" 
                                           itemLabel="#{supervisor.supervisorEntidad.nombresSupervisorEntidad} #{supervisor.supervisorEntidad.apellido1SupervisorEntidad} #{supervisor.supervisorEntidad.apellido2SupervisorEntidad}"/>
                        </p:selectOneMenu>
                        
                        
                        <h:outputLabel for="sitioSelected" value="Sitio:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="sitioSelected" 
                                         value="#{asignarConvenioEstudianteBean.sitioSelected}">
                            <f:selectItem itemLabel=" --Seleccione un Sitio de la Entidad-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.entidadSelected.sitioList}" var="sitio" 
                                           itemValue="#{sitio.idSitio}" 
                                           itemLabel="#{sitio.nombreSitio}"/>
                        </p:selectOneMenu>
                        
                        <h:outputLabel for="convenioSelected" value="Convenio:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="convenioSelected" 
                                         value="#{asignarConvenioEstudianteBean.convenioSelected}">
                            <f:selectItem itemLabel=" --Seleccione un Convenio de la Entidad-- " itemValue=""/>
                            <f:selectItems value="#{asignarConvenioEstudianteBean.entidadSelected.convenioList}" var="convenio" 
                                           itemValue="#{convenio.idConvenio}" 
                                           itemLabel="#{convenio.nombreConvenio}"/>
                        </p:selectOneMenu>
                        
                    </h:panelGrid> 
                    <p:panel>
                        <center>

                            <p:splitButton value="Opciones" icon="ui-icon-open" id="idBtnOpcionesCalificacionDesempeño">
                                <p:menuitem value="Descargar" icon="ui-icon-disk" />  
                                <p:menuitem value="Imprimir"  icon="ui-icon-print"/>  
                                <p:separator />  
                                <p:menuitem value="Inicio" url="http://localhost:8084/PrototipoSp2/faces/ObjetivoInicial.xhtml" icon="ui-icon-extlink"/>  
                            </p:splitButton>

                            <p:commandButton value="Guardar"  update="display,msgForm" onclick="confirmGuardar.show()" />
                            <p:commandButton value="Cancelar"  />        
                   <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                        <p:outputPanel id="display">  
                            <p:dataList value="" var="option">  
                                #{option}  
                            </p:dataList>  
                            <p:dataList value="" var="movie">  
                                #{movie}  
                            </p:dataList>  
                        </p:outputPanel>
                    </p:dialog>
                        </center>
                    </p:panel>
                </p:panel>
            </center>
        <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">   
            <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" 
                             actionListener="#{asignarConvenioEstudianteBean.cargarConvenioXPeriodo}"
                             oncomplete="confirmGuardar.hide()" update=":form:growl,periodoSelected,areaSelected,estudianteSelected,supervisorSelected,entidadSelected,supervisorEntidadSelected,sitioSelected,convenioSelected"/>  
            <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
    </p:confirmDialog> 
        </h:form>
    </ui:define>
</ui:composition>